<template>
  <div id="lessons_id">
    <h2>课程管理</h2>
    <table>
      <tr>
        <th>上课时间</th>
        <th>周一</th>
        <th>周二</th>
        <th>周三</th>
        <th>周四</th>
        <th>周五</th>
        <th>周六</th>
        <th>周日</th>
      </tr>
      <tr>
        <td>8:00-9:40</td>
        <td>php</td>
        <td>node</td>
        <td>ui</td>
        <td>java</td>
        <td>大数据</td>
        <td>web</td>
        <td>c++</td>
      </tr>
      <tr>
        <td>10:00-11:40</td>
        <td>java</td>
        <td>c++</td>
        <td>php</td>
        <td>web</td>
        <td>ui</td>
        <td>大数据</td>
        <td>node</td>
      </tr>
      <tr>
        <td>14:00-15:40</td>
        <td>c++</td>
        <td>node</td>
        <td>大数据</td>
        <td>ui</td>
        <td>web</td>
        <td>java</td>
        <td>php</td>
      </tr>
      <tr>
        <td>16:00-17:40</td>
        <td>php</td>
        <td>java</td>
        <td>node</td>
        <td>web</td>
        <td>c++</td>
        <td>ui</td>
        <td>大数据</td>
      </tr>
    </table>
  </div>
</template>

<script>
export default {

};
</script>

<style>
#lessons_id table {
  width: 80%;
  background: #000;
  text-align: center;
  margin: 10px auto;
}
#lessons_id table th{
  line-height: 70px;
  font-size: 26px;
  background: #fff;

}
#lessons_id table td{
  line-height: 70px;
  font-size: 24px;
  background: #fff;
}
</style>